<template>
	<view>
		<text class="aggreement-btn" @click="goAggrement">服务协议</text>
		<image :src="aboutImg" mode="widthFix" class="about-img"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				aboutImg:''
			};
		},
		async onLoad(){
			let data=await this.$api.getAboutImg()
			this.aboutImg=data.img
		},
		methods:{
			goAggrement(){
				uni.navigateTo({
					url:'/pages/my/aggrement'
				})
			}
		}
	}
</script>

<style lang="scss">
.about-img{
	display: block;
	width: 100%;
}
.aggreement-btn{
	position: absolute;
	padding:9rpx 20rpx;
	right:0rpx;
	top:0rpx;
	font-size:24rpx;
	color:#fff;
	z-index: 10;
	background-color:rgba(0,0,0,0.3);
	border-radius:0rpx 0rpx 0rpx 27rpx;
}
</style>
